<template>
  <div class="day-list">
    <list-item title="当前年月:" :content="data['year-month']"></list-item>
    <list-item title="今年属相:" :content="data.animalsYear"></list-item>
    <list-item title="农历年份:" :content="data.lunarYear"></list-item>
    <list-item title="适宜事件:" :content="data.suit"></list-item>
    <list-item title="避免事件:" :content="data.avoid"></list-item>
  </div>
</template>

<script>
import ListItem from "./item";
export default {
  name: "DayList",
  props: {
    data: Object,
  },
  components: {
    ListItem,
  },
};
</script>

<style land="scss" scoped>
.day-list {
  height: 310px;
  padding: 2px;
  box-sizing: border-box;
}
</style>
